.is-reader-page .discover-attribution {
	align-items: flex-start;
	display: flex;
	color: var( --color-text-subtle );
	font-size: $font-body-small;
	font-family: $sans;
	margin-bottom: 8px;
	margin-top: 13px;
	position: relative;
	text-transform: lowercase;

	&.is-site {
		margin-top: 15px;
	}

	.discover-attribution__site-title {
		flex-shrink: 0;
		line-height: 1.6;
		max-height: 13px * 1.6;
		overflow: hidden;
		position: relative;
		max-width: calc( 100% - 95px );
	}

	.gravatar {
		background: var( --color-neutral-0 );
		position: relative;
		margin: 1px 6px 1px 0;
	}

	.discover-attribution__author,
	.discover-attribution__blog {
		color: var( --color-primary );
		text-decoration: none;
		text-transform: none;

		&:hover {
			color: var( --color-primary-light );
		}
	}

	.discover-attribution__blog {
		margin-right: 6px;
	}

	.site-icon {
		margin-right: 6px;
		background: var( --color-neutral-10 );

		.gridicon {
			color: var( --color-text-inverted );
		}
	}

	.site-icon:not( .is-blank ) {
		background: inherit;
	}

	.follow-button {
		background: transparent;
		border: 0;
		color: var( --color-neutral-20 );
		float: none;
		font-size: $font-body-small;
		padding: 0;
		position: relative;
		top: -1px;

		&.is-following {
			color: var( --color-success );
		}

		&:focus {
			box-shadow: none;
		}

		.follow-button__label {
			@include breakpoint-deprecated( '<660px' ) {
				display: inline-block;
			}
		}
	}
}
